<%-- 
    Document   : addNews
    Created on : 7-apr-2013, 17.29.51
    Author     : Giuseppe
--%>

<%@page import="ejb.ArticoloUsato"%>
<%@page import="java.util.List"%>
<%@page import="ejb.Piattaforma"%>
<%@page import="java.util.*"%>
<%@include file="wrapper.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<style type="text/css">
    .aggiungi {
        width: 85px;
        float: left;
        padding-top: 5px;
        text-align: right;
    }
</style>
<%
    Utente utSession = (Utente) session.getAttribute("utente");
    String tipo = utSession.getTipo();
%>

<div class="container">
    <div class="row-fluid">
        <div class="span3 bs-docs-sidebar">
            <ul class="nav nav-list bs-docs-sidenav">
                <li><a href="Controller?button=visualizzaModificaCancellaVideogioco"> 
                        <button class="btn btn-large btn-inverse btn-block"><i class="icon-white icon-th-list"></i> Tutti i videogiochi</button> </a></li>
            </ul>
        </div>   

        <div class="span6">
            <div class="thumbnail">
                <h3>Aggiungi Videogioco</h3>
                <form class="form-horizontal" action="Controller" method="POST" onSubmit="return checkVideogame(this);">

                    <%
                        List<ArticoloUsato> usatiDaConfermare = (List<ArticoloUsato>) session.getAttribute("usatiDaConfermare");
                        String nome = request.getParameter("nome");
                        String genere = request.getParameter("genere");
                        String sviluppatore = request.getParameter("sviluppatore");
                        String distributore = request.getParameter("distributore");
                        String giocatori = request.getParameter("numGiocatori");
                        String data = request.getParameter("data");
                        String multiplayer = request.getParameter("multi");

                        String valore1 = "selected";
                        String valore2 = "";
                        String pegi = request.getParameter("PEGI");
                        String pegiv[] = new String[5];
                        int pe = 0;
                        if (pegi != null) {
                            if (pegi.equals("7+")) {
                                pe = 1;
                            }
                            if (pegi.equals("12+")) {
                                pe = 2;
                            }
                            if (pegi.equals("16+")) {
                                pe = 3;
                            }
                            if (pegi.equals("18+")) {
                                pe = 4;
                            }
                        }
                        for (int i = 0; i < 5; i++) {
                            if (i == pe) {
                                pegiv[i] = "checked";
                            } else {
                                pegiv[i] = "";
                            }
                        }
                        if (multiplayer != null) {
                            if (multiplayer.equals("false")) {
                                valore1 = "";
                                valore2 = "selected";
                            } else {
                                valore1 = "selected";
                                valore2 = "";
                            }
                        }

                        if (nome == null) {
                            nome = "";
                        }
                        if (genere == null) {
                            genere = "";
                        }
                        if (sviluppatore == null) {
                            sviluppatore = "";
                        }
                        if (distributore == null) {
                            distributore = "";
                        }
                        if (giocatori == null) {
                            giocatori = "";
                        }
                        if (data == null) {
                            data = "";
                        }



                    %>
                    <div class="control-group">
                        <label class="control-label" for="nome">Nome:</label>
                        <div class="controls">
                            <input name="nome" type="text" id="nome" placeholder="Nome" value='<%=nome%>'> 
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="nome">Genere:</label>
                        <div class="controls">
                            <input name="genere" type="text" id="genere" placeholder="Genere" value='<%=genere%>'>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="num">Numero giocatori massimo:</label>
                        <div class="controls">
                            <input name="numGiocatori" type="text" id="numG" placeholder="Numero giocatori" value='<%=giocatori%>' >
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="multi">Multiplayer online:</label>
                        <div class="controls">
                            <select name="multi"> 
                                <option  value="true" <%=valore1%> >Sì</option>
                                <option  value="false" <%=valore2%> >No</option>

                            </select>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="svilupp">Sviluppatore:</label>
                        <div class="controls">
                            <input name="sviluppatore" type="text" id="sviluppatore" placeholder="Svilluppatore" value='<%=sviluppatore%>'>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="distr">Distributore:</label>
                        <div class="controls">
                            <input name="distributore" type="text" id="distributore" placeholder="Distributore" value='<%=distributore%>'>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="inputPEGI">PEGI:</label>
                        <div class="controls">

                            <input type="radio" name="PEGI" id="Radio1" value="3+" <%=pegiv[0]%> >
                            <img src="./img/3+.JPG" >
                            <input type="radio" name="PEGI" id="Radio2" value="7+"   <%=pegiv[1]%>>
                            <img src="./img/7+.JPG" >
                            <br>
                            <input type="radio" name="PEGI" id="Radio3" value="12+"   <%=pegiv[2]%>>
                            <img src="./img/12+.JPG" >
                            <input type="radio" name="PEGI" id="Radio4" value="16+"  <%=pegiv[3]%>>
                            <img src="./img/16+.JPG" >
                            <br>
                            <input type="radio" name="PEGI" id="Radio5" value="18+"  <%=pegiv[4]%>>
                            <img src="./img/18+.JPG" >

                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label" for="inputPath">Percorso immmagini:</label>
                        <%

                            int j = 1;
                            int num = 1;
                            String numero = request.getParameter("numeroImm");
                            List<Piattaforma> l = (List<Piattaforma>) request.getAttribute("listPiattaforme");
                            if (numero != null) {
                                num = new Integer(numero);
                                String risp = request.getParameter("button");
                                if (risp != null && risp.equals("aggiungiImmagineVideogioco")) {
                                    num++;//out.println("<input name=\"numeroImm\" type=\"hidden\" value=\""+j+"\"> ");
                                } else if (risp != null && risp.equals("rimuoviImmagineVideogioco") && num > 1) {
                                    num--; //out.println("<input name=\"numeroImm\" type=\"hidden\" value=\""+(j-2)+"\"> ");
                                }
                            }
                            String[] immaginiPath = new String[num];
                            String[] piattaforme = new String[num];

                            for (int i = 0; i <= (num - 1); i++) {
                                piattaforme[i] = request.getParameter("piattaforma" + (i + 1));

                                immaginiPath[i] = request.getParameter("immaginePath" + (i + 1));
                            }

                            if (piattaforme[num - 1] == null) {
                                piattaforme[num - 1] = "";
                            }
                            if (immaginiPath[num - 1] == null) {
                                immaginiPath[num - 1] = "";
                            }
                            for (; j <= num; j++) {

                                out.println("<div class=\"controls\">");
                                out.append("<input id=\"immagine" + j + "\" type=\"file\" style=\"display:none;\" onchange=\"change('immagine" + j + "','pathImmagine" + j + "');\">");
                                out.append("<div class=\"input-append\">");

                                out.println("<input name=\"pathImmagine" + j + "\" type=\"text\" class=\"input-large\" readonly=\"readonly\" id=\"pathImmagine" + j + "\" placeholder=\"Percorso" + j + "\"   value=\"" + immaginiPath[j - 1] + "\" style=\"width:90px\">  ");
                                out.println("<a class=\"btn btn-inverse\" style=\"width:40px;font-size:12px\" onclick=\"$('input[id=immagine" + j + "]').click();\">Sfoglia</a>");
                                out.println("<select class='span2' name='piattaforma" + j + "' style=\"width:55px;font-size:10px\">");
                                for (Piattaforma p : l) {

                                    if (p.getNome().equals(piattaforme[j - 1])) {
                                        out.println("<option value='" + p.getNome() + "' selected>" + p.getNome());
                                    } else {
                                        out.println("<option value='" + p.getNome() + "'>" + p.getNome());
                                    }


                                }
                                out.println("</select></div>");
                                out.println("</select></div>");
                            }


                            //if(risp!=null && risp.equals("aggiungiImmagine"))out.println("<input name=\"numeroImm\" type=\"hidden\" value=\""+j+"\"> ");
                            //   else if(risp!=null && risp.equals("rimuoviImmagine")) out.println("<input name=\"numeroImm\" type=\"hidden\" value=\""+(j-2)+"\"> ");

                            out.println("<input name=\"numeroImm\" type=\"hidden\" value=\"" + (j - 1) + "\"> ");

                        %>
                        <script type="text/javascript">
            
            
                            function change($name,$input){
                                var path=$('[id="'+ $name +'"]').val();
//                                var toRemove=path.substr(0,12);
//                                var pathClear=path.replace(toRemove,'');
//                                $('[id="'+ $input +'"]').val(pathClear);
                                $('[id="'+ $input +'"]').val(path);
                   
                            }
          
                        </script>

                        <div class="controls">
                            <label class="aggiungi"><button class="btn btn-inverse btn-mini btn success pull-left" type="submit" value="aggiungiImmagineVideogioco" name="button"><i class="icon-white icon-plus"></i> Aggiungi</button></label>   
                            <label class="control-label"><button class="btn btn-inverse btn-mini btn success pull-left" type="submit" value="rimuoviImmagineVideogioco" name="button"><i class="icon-white icon-minus"></i> Rimuovi</button></label>   
                        </div>
                    </div> 


                    <label id="erroreDati" style="padding-left: 170px;color: red;"></label>
                    <div class="control-group">
                        <label class="control-label" style="padding-left: 170px"><button class="btn btn-inverse btn-small btn-success" type="submit" value="aggiungiVideogioco" name="button" onclick="cliccato();"><i class="icon-white icon-ok"></i> Aggiungi Videogioco</button></label>
                    </div>
                </form>
            </div>
        </div>  
        <div class="span3">
            <div class="thumbnail">
                <p><b>Notes</b></p>
                <br>
                <% if (!usatiDaConfermare.isEmpty()) {%>
                <p> Ancora <%=usatiDaConfermare.size()%> articoli da confermare </p>
                <br>
                <p align="center">
                    <a href="Controller?button=modificaCancellaArtUsati&amp;confirm=s">
                        <button class="btn btn-inverse btn-small"><i class="icon-white icon-th-list"></i> Vedi Articoli da confermare</button>
                    </a>
                </p>
                <%} else {%>
                <p> Nessun articolo da confermare </p>
                <%}%>      
            </div>
        </div>

    </div>
</div>
</body>
